<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
        <link rel="stylesheet" href="css/reset.css" type="text/css" media="screen"/>
        <link rel="stylesheet" href="css/styles.css" type="text/css" media="screen"/>

        <!-- favicon de la página -->
        <link href="img/icoprime.png" rel="shortcut icon" />

        <title>FrameWorks: PrimeFaces</title>
        <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
        
</head>



    <body>

        <!-- CABECERA: Logotipos y título de la web -->
        <div class="contenedor960" style="margin-top: 10px; height: 80px">
            <img width="69" height="69" style="float: left" alt="Primefaces Logo" src="img/primefaceslogo.jpg"/>
            <img width="69" height="69" style="float: left;margin-left: 20px" alt="Prime Logo" src="img/primelogo.jpg"/>
            <div style="width: 400px;float: right">
                <h1 class="title" style="margin-left: 10px; font-size: 20px; color: gainsboro">MÁSTER INFTEL</h1>
                <h2 class="title" style="font-size: 15px; color: gainsboro">- FrameWorks: PrimeFaces -</h2>
            </div>
        </div>
        <div id="head">
            <div class="contenedor960">
                <!-- <span> Social Web </span> -->
            </div> <!-- fin contenedor960 -->
        </div> <!-- fin menu -->


     <!-- ZONA 3 COLUMNAS: Descripción estática de las distintas partes de la web -->
        <div class="contenedor960">
            <div id="contenedor3Columnas">



                <!-- Columna IZQUIERDA -->
                <div class="columnaIndividual_3col">
                    <img src="img/adorno_Azul.png" alt="Adorno Azul - HTML" class="fl" />
                    <h3>¿Quienes Somos?</h3>

                    <p>
                        Conozca al equipo de desarrollo involucrado en
                        la ejecución del presente proyecto web.
                    </p>
                    <br />
                    <p>
                        En los próximos módulos desarrollaremos proyectos
                        en Java y aplicaciones móviles iPhone y Android.
                    </p>

                    <ul>
                        <li><a href="grupo.html">seguir leyendo...</a></li>
                    </ul>

                </div> <!-- fin columnaIndividual_3col --> 


                <!-- Columna CENTRAL -->
                <div class="columnaIndividual_3col">
                    <img src="img/adorno_Rosado.png" alt="Adorno Rosado - CSS" class="fl" />
                    <h3>Planificación</h3>

                    <p>
                        Consulte nuestro calendario de trabajo y las distintas
                        sesiones llevadas a cabo durante la ejecución del proyecto.
                                
                        Síguenos en twitter o facebook y mantente
                        informado de las últimas novedades.
                    </p>

                    <ul>
                        <li><a href="plan.html">seguir leyendo...</a></li>
                    </ul>

                </div> <!-- fin columnaIndividual_3col -->


                <!-- Columna DERECHA -->
                <div class="columnaIndividual_3col">
                    <img src="img/adorno_Verde.png" alt="Adorno Verde - JavaScript" class="fl" />
                    <h3>Recursos</h3>

                    <p>En este apartado podrá encontrar diferentes recursos de 
                        gran utilidad vistos a lo largo del presente módulo dentro
                        del Máster INFTEL, así como un esquema de las diferentes
                        materias impartido en el mismo.
                    </p>        


                    <ul>
                        <li><a href="recursos.html">seguir leyendo...</a></li>
                    </ul>


                </div> <!-- fin columnaIndividual_3col -->                      



            </div>  <!-- fin contenedor3Columnas -->
        </div> <!-- fin contenedor960 -->



        <!-- ZONA 2 COLUMNAS: Contenido General de la página -->
        <div class="contenedor960">
            <div id="contenedor2Columnas">

                <!-- Columna IZQUIERDA: VIDEOS -->
                <div id="columna_izq" class="fl">
                    <h3>Videos de Ediciones Anteriores</h3>

                    <p>
                        Vea las presentaciones realizadas en el Máter Universitario de Informática Aplicada 
                        a las Telecomunicaciones Móviles en ediciones anteriores.
                    </p>

                    <p>
                        En los próximos módulos abordaremos trabajos de programación en Java y Java EE, así
                        como las metodologías de programación en los distintos dispositivos móviles existentes
                        en el mercado actual (iPhone y Android). 
                    </p>

                    <!-- Video youtube -->
                    <iframe width="480" height="274" src="http://www.youtube.com/embed/ZYNyJdT-Uu0" frameborder="0"></iframe>


                    <h4>Patrocinado por: <a href="http://fundacion.vodafone.es/fundacion/es">Fundación Vodafone España</a></h4>


                    <div id="btn_google_1"></div>
<!--                        <g:plusone size="medium" href="http://masterinftel.uma.es/"></g:plusone>-->

                </div> <!-- fin columna_izq -->



                <!-- Columna DERECHA: TWITTERS -->
                <div id="columna_dcha" class="fr">
                    <h3>Últimas Publicaciones en Twitter</h3>
                    <!--

                    <ul>
                        <li>
                            <span>Fecha 28/10/2011 - 18:20h by @agumpg</span>
                            <p>
                                Phasellus euismod luctus augue at pellentesque. Curabitur rutrum 
                                vehicula est at dignissim. Curabitur quam eros, dapibus eu aliquam 
                                sed, feugiat in lorem.
                            </p>
                        </li>
                        <li>
                            <span>Fecha 28/10/2011 - 18:30h by @agumpg</span>
                            <p>
                                Phasellus euismod luctus augue at pellentesque. Curabitur rutrum 
                                vehicula est at dignissim. Curabitur quam eros, dapibus eu aliquam 
                                sed, feugiat in lorem.
                            </p>
                        </li>
                        <li>
                            <span>Fecha 28/10/2011 - 19:22h by @agumpg</span>
                            <p>
                                Phasellus euismod luctus augue at pellentesque. Curabitur rutrum 
                                vehicula est at dignissim. Curabitur quam eros, dapibus eu aliquam 
                                sed, feugiat in lorem.
                            </p>
                        </li>
                    </ul>
                    -->
                    <p>                        
                        <script type="text/javascript">
                            new TWTR.Widget({
                                version: 2,
                                type: 'search',
                                search: '#inftel',
                                interval: 1000,
                                title: '#INFTEL',
                                subject: '',
                                width: 350,
                                height: 350,
                                theme: {
                                    shell: {
                                        background: '#8ec1da',
                                        color: '#ffffff'
                                    },
                                    tweets: {
                                        background: '#ffffff',
                                        color: '#444444',
                                        links: '#1985b5'
                                    }
                                },
                                features: {
                                    scrollbar: true,
                                    loop: true,
                                    live: true,
                                    hashtags:true,
                                    timestamp:true,
                                    avatars:true,
                                    behavior: 'all'
                                }
                            }).render().start();
                        </script>
                    </p>
                </div> <!-- fin columna_dcha -->



            </div> <!-- fin contenedor2Columnas -->
        </div> <!-- fin contenedor960 -->       









        <!-- PIE: Mapa web, patrocinador, ... -->
        <div id="pie">
            <div class="contenedor960">
                <div id="pie_col_Izquierda" style="float:left">
                    <h3>Información de Contacto</h3>
                    <p> Para más información sobre las distintas prácticas realizadas por este grupo
                        de trabajo, envíenos un email a <a href="mailto:masterinftel@google.es?Subject=WEB%20MASTERINFTEL">masterinftel@google.es</a>
                        y en breve nos pondremos en contacto con usted.
                    </p>         
                </div> <!-- fin pie_col_Izquierda -->

                <div id="pie_col_Centro" style="float:left">
                    <h3>Mapa web</h3>
                    <ul>
                        <li><a href="index.html">Inicio</a></li>
                        <li><a href="grupo.html">Grupo</a></li>
                        <li><a href="plan.html">Planificación</a></li>
                        <li><a href="recursos.html">Recursos</a></li>
                    </ul>
                </div> <!-- fin pie_col_Centro -->




                <div id="pie_col_Derecha" style="float:left">

                    <h3>Validaciones</h3>


                    <!-- logos W3C validator -->
                    <p>
                        <a href="http://validator.w3.org/check?uri=referer">
                            <img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" height="31" width="88" />
                        </a>
                    </p>


                    <p>
                        <a href="http://jigsaw.w3.org/css-validator/check/referer">
                            <img style="border:0;width:88px;height:31px"
                                src="http://jigsaw.w3.org/css-validator/images/vcss"
                                alt="¡CSS Válido!" />
                        </a>
                    </p>



                </div> <!-- fin pie_col_Derecha -->


            </div> <!-- fin contenedor960 -->
        </div> <!-- fin pie -->





        <!-- PIE: Copyright -->
        <div id="copyright">
            <div class="contenedor960">
                <p>&copy; Copyright 2011 MASTER INFTEL. Todos los derechos reservados</p>
            </div> <!-- fin contenedor960 -->
        </div> <!-- fin copyright -->

    </body>
</html> 
